<template>
  <div class="html-node">
    <span>{{ props.properties.name }}</span>
  </div>
</template>
<script lang="ts" setup>

const props = defineProps(["properties"]);
</script>

<style scoped>
.html-node {
  width: 90px;
  height: 60px;
  background: #e01e5a;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


span {
  color: #fff;
}
</style>